<template>
    <div class="contact" @click="toCustomer">
        <p>联系客服</p>
        <svg class="icon" aria-hidden="true" v-if="hasRight">
            <use xlink:href="#icon-chevronright"></use>
        </svg>
    </div>
</template>

<script>
    import {commonMixin} from '@/common/mixin';
    export default {
        name: "contact-service",
        mixins: [commonMixin],
        props:{
            hasRight: {
                type: Boolean,
                default: true,
            }
        },
        data(){
            return{
            }
        },
        methods:{
            toCustomer(){
                window.location.href = `https://webchat.7moor.com/wapchat.html?accessId=95145560-4f70-11e9-bdb0-9354e1ad17a8&system=${this.userInfo.system_id}&uid=${this.userInfo.uid}`;
            }
        }
    }
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
    @import '~assets/main.styl';
    .contact {
        height vw(40)
        line-height vw(40)
        background grayF;
        padding 0 4vw
        flex-x();
        margin-top smallMargin
    }
    .icon {
        fill gray9
        width 4vw
        height 4vw
    }
</style>